page {
    height: 100%;
}
#box{
	width:100vw;
	height:100vh;
	overflow: auto;
}
.b{
	display:inline-block !important;
	font-size:2.6vw !important;
}
.mall_new {
    position:relative;
	padding-bottom:26vw;
	z-index: 5;
	top:-8vw;
//	background:#F5F5F5;
    .top {
        box-sizing: border-box;
        image {
            width: 100%;
            display: block;
        }
    }
    .inform_out {
        background-color: none;
        height: 10vw;
        overflow: hidden;
        // padding-top: 2vw;
        .inform {
            position: relative;
            margin: 1vw auto;
            height: 6vw;
            width: 90vw;
            border-radius: 3vw;
            background-color: rgba(255, 255, 255, .3);
            image {
                width: 8vw;
                position: absolute;
            }
            .firImg {
                left: 2vw;
                bottom: 1vw;
            }
            .secImg {
                right: 2vw;
                bottom: 1vw;
            }
            font-size: 3.6vw;
            text-align: center;
            color: #ffffff;
            line-height: 6vw;
            .orange {
                color: rgb(254, 226, 20)
            }
        }
    }
	.downside {
		.goods.off{
			position:relative;
//			pointer-events:none;
			.helpBtn{
				background:#eee !important;
				color:#666 !important;
			}
			&:after{
				display:block;
				content:'正在补货';
				color:#fff;
				background-color:rgba(0,0,0,0.5);
				background-size:60%;
				background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/xian_1.png');
				background-repeat:no-repeat;
				background-position:center center;
				z-index:4;
				width:16vw;
				height:16vw;
				line-height:6vw;
				text-align: center;
				box-sizing: border-box;
				padding:2vw 3vw;
				font-size:3.6vw;
				left:15vw;
				top:15vw;
				border-radius:50%;
				position:absolute;
			}
			&:before{
				content:'';
				height:46vw;
				width:46vw;
				background:rgba(255,255,255,0.4);
				position:absolute;
				z-index:2;
				top:0;
				left:0;
			}
		}
	}	
    .detail {
//      background-color: #FF4E45;
        .detail_in {
            padding: 5vw 3vw;
            background-color: #F5F5F5;
            overflow: hidden;
            border-radius: 7vw 7vw 0 0;
            .nav {
                display: flex;
                >view {
                    flex: 1;
                    image {
                        width: 15vw;
                        display: block;
                        margin: 2vw auto;
                    }
                    font-size: 4.2vw;
                    text-align: center;
                }
            }
			.upside {
			    overflow: hidden;
			    font-size: 3.6vw;
				height:8vw;
				line-height:8vw;
			    >image {
			        width: 5.3vw;
			        vertical-align: middle;
			        margin:1.35vw 1vw 0 0;
			        float: left;
			    }
			    .text {
			        float: left;
					color:#333;
					font-weight:bold;
			    }
			    .more {
					height:inherit;
					line-height:inherit;
			        float: right;
			        color: #666;
					font-size:3vw;
					padding-right:3.5vw;
					background:url('//resource.160nurse.com/1.0/img/g_img/san_jiao_6.png');
					background-size:1.2vw;
					background-position: center right 0.5vw;
					background-repeat:no-repeat;
			    }
            }
            .picShow {
                overflow: hidden;
                margin-top: 5vw;
                margin-bottom: 5vw;
                .want {
                    width: 46.7vw;
                    height: 27.6vw;
                    float: left;
                }
                .lucky {
                    width: 46.7vw;
                    float: right;
                    height: 27.6vw;
                }
            }
            // .picShow {
            //     overflow: hidden;
            //     margin-top: 7vw;
            //     .gift {
            //         float: left;
            //         width: 46.5vw;
            //         position: relative;
            //         image {
            //             width: 100%;
            //         }
            //         .font {
            //             position: absolute;
            //             width: 22vw;
            //             top: 3.5vw;
            //             left: 6vw;
            //         }
            //         .box1 {
            //             position: absolute;
            //             width: 13vw;
            //             right: 0;
            //             bottom: 4vw;
            //             z-index: 1;
            //         }
            //         .box2 {
            //             position: absolute;
            //             width: 5vw;
            //             right: 7vw;
            //             bottom: 2vw;
            //             z-index: 4;
            //         }
            //         .box3 {
            //             position: absolute;
            //             width: 4.5vw;
            //             right: 18vw;
            //             bottom: 2vw;
            //             z-index: 4;
            //         }
            //         .giftBox {
            //             position: absolute;
            //             width: 10vw;
            //             right: 9.5vw;
            //             bottom: 3vw;
            //             z-index: 2;
            //         }
            //     }
            //     .newYear {
            //         float: left;
            //         width: 23.25vw;
            //         margin-right: 0.5vw;
            //         margin-left: 0.5vw;
            //         position: relative;
            //         image {
            //             width: 100%;
            //         }
            //         .font {
            //             position: absolute;
            //             width: 18vw;
            //             top: 3.5vw;
            //             left: 3vw;
            //         }
            //         .lantern {
            //             position: absolute;
            //             width: 4vw;
            //             top: 0;
            //             right: 0;
            //         }
            //         .Mount1 {
            //             position: absolute;
            //             width: 4vw;
            //             right: 0;
            //             bottom: 8vw;
            //             z-index: 1;
            //         }
            //         .Mount2 {
            //             position: absolute;
            //             width: 8vw;
            //             right: 2vw;
            //             bottom: 4vw;
            //             z-index: 2;
            //         }
            //         .odds {
            //             position: absolute;
            //             width: 11vw;
            //             right: 6vw;
            //             bottom: 2vw;
            //             z-index: 3;
            //         }
            //         .box {
            //             position: absolute;
            //             width: 4vw;
            //             left: 2vw;
            //             bottom: 2vw;
            //             z-index: 4;
            //         }
            //     }
            //     .lucky {
            //         float: left;
            //         width: 23.25vw;
            //         position: relative;
            //         image {
            //             width: 100%;
            //         }
            //         .font {
            //             position: absolute;
            //             width: 18vw;
            //             top: 3.5vw;
            //             left: 3vw;
            //         }
            //         .box1 {
            //             position: absolute;
            //             width: 4vw;
            //             left: 2vw;
            //             bottom: 5vw;
            //             z-index: 1;
            //         }
            //         .box2 {
            //             position: absolute;
            //             width: 6vw;
            //             right: 2vw;
            //             bottom: 5vw;
            //             z-index: 1;
            //         }
            //         .Mount {
            //             position: absolute;
            //             width: 10vw;
            //             right: 8vw;
            //             bottom: 3vw;
            //             z-index: 2;
            //         }
            //         .turn {
            //             position: absolute;
            //             width: 7vw;
            //             right: 9.5vw;
            //             bottom: 7vw;
            //             z-index: 3;
            //         }
            //         .pointer {
            //             position: absolute;
            //             width: 2.5vw;
            //             right: 12vw;
            //             bottom: 9vw;
            //             z-index: 4;
            //         }
            //     }
            // }
            .newVIP {
                margin-top:2vw;
                .downside {
                    margin-top:1vw;
					border-radius:3vw;
					overflow: hidden;
					navigator{
						position:relative;
						&.off{
							.right{
								position:relative;
							}
							.right:after{
								display:block;
								content:'砍价结束';
								color:#fff;
								background-color:rgba(0,0,0,0.5);
								background-size:40%;
								background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/xian_1.png');
								background-repeat:no-repeat;
								background-position:center center;
								z-index:4;
								width:12vw;
								height:12vw;
								line-height:4vw;
								text-align: center;
								box-sizing: border-box;
								padding:2vw 3vw;
								font-size:3vw;
								left:50%;
								top:50%;
								transform:translate(-50%,-50%);
								border-radius:50%;
								position:absolute;
							}
							.right:before{
								content:'';
								height:100%;
								width:100%;
								background:rgba(255,255,255,0.4);
								position:absolute;
								z-index:2;
								top:0;
								left:0;
							}
							.helpBtn{
								background:#eee !important;
								color:#666 !important;
							}
						}
					}
                    .upper {
                        .upper_left {
                            float: left;
                            width: 43.75vw;
                            background-color: #fff;
                            // border-top-left-radius: 2vw;
                            overflow: hidden;
                            padding: 3vw 0 3vw 3vw;
							position:relative;
                            .left {
								width: 22.25vw;
                                // background-color: red;
                                float: left;
                                .title {
									width:100%;
                                    font-size:3.6vw;
									font-weight:bold;
									white-space: nowrap;
									text-overflow: ellipsis;
									overflow: hidden;
                                }
                                .help {
                                    font-size: 3vw;
                                    margin-top: 1vw;
                                    margin-bottom: 3vw;
                                    color: #FFB937;
                                }
                                .helpBtn {
                                    background:linear-gradient(to right,#FFB937,#FD8E4A);
                                    font-size: 3vw;
                                    text-align: center;
                                    line-height: 7vw;
                                    width: 18vw;
                                    color: #fff;
                                    // padding: 1vw 4vw;
                                    border-radius: 6vw;
                                    &.type_2{
                                        background:linear-gradient(to right, #FE8A2D, #FE1E17);
                                    }
                                }
                            }
                            .right {
								position:relative;
                                float: right;
                                image {
                                    display: block;
                                    width: 21.5vw;
                                    height: 21.5vw;
                                }
                            }
                        }
                        .upper_right {
                            float: right;
                            width: 43.75vw;
                            background-color: #fff;
                            // border-top-right-radius: 2vw;
                            overflow: hidden;
                            padding: 3vw 0 3vw 3vw;
                            .left {
								width:22.25vw;
                                // background-color: red;
                                float: left;
                                .title {
                                    font-size: 3.6vw;
									font-weight:bold;
									white-space:nowrap;
									text-overflow: ellipsis;
									overflow: hidden;
                                }
                                .help {
                                    font-size: 3vw;
                                    margin-top: 1vw;
                                    margin-bottom: 3vw;
                                    color: #FFB937;
                                }
                                .helpBtn {
                                    background:linear-gradient(to right,#FFB937,#FD8E4A);
                                    font-size: 3vw;
                                    text-align: center;
                                    line-height: 7vw;
                                    width: 18vw;
                                    color: #fff;
                                    // padding: 1vw 4vw;
                                    border-radius: 6vw;
                                    &.type_2{
                                        background:linear-gradient(to right, #FE8A2D, #FE1E17);
                                    }
                                }
                            }
                            .right {
                                float: right;
                                image {
                                    display: block;
                                    width: 21.5vw;
                                    height: 21.5vw;
                                }
                            }
                        }
                    }
                    .lower {
                        // background-color: #fff;
                        .list {
							margin-top:1px;
                            background-color: #fff;
                            width:calc(~'23.5vw - 1px');
                            float: left;
                            text-align: center;
                            margin-right:1px;
                            padding-top: 2vw;
                            .title {
                                font-size: 3.6vw;
								font-weight:bold;
								white-space: nowrap;
								text-overflow: ellipsis;
								overflow: hidden;
								padding:0 1vw;
                            }
                            .healthCoin {
                                font-size: 3vw;
                                color: #FFA229;
								margin-bottom:0.5vw;
                            }
                            image {
                                width:calc(~'23.5vw - 1px');
								height:calc(~'23.5vw - 1px');
                                display: block;
                            }
                        }
                        .list:last-child {
                            margin-right: 0;
                        }
                    }
                }
                &.type_1{
                    .downside{
                        navigator{
                             .left .helpBtn.type_1{
                                background:linear-gradient(to right, #FF3A2B, #FF5486);
                            }
                        }
                        navigator:first-of-type{
                            height:49.3vw;
                            position:relative;
                            .left{
                                position:relative;
                                z-index:2;
                            }
                            .right{
                                position:absolute;
                                z-index:1;
                                right:0;
                                bottom:0;
                                width:34vw;
                                height:34vw;
                                image{
                                    height:inherit;
                                    width:inherit;
                                }
                            }
                        }
                        navigator.off{
                            .right:after{
                                content:'抢购结束';
                            }
                        }
                        .upper_left{
                            .left .help{
                                font-size:4vw;
                            }
                        }
                    }
                }
            }
            .iconExchange {
                margin-top: 3vw;
                .downside {
                    overflow: hidden;
                    border-radius: 2vw;
                    margin-top:1vw;
                    .upper {
                        .upper_left {
                            float: left;
                            width:calc(~'47vw - 1px');
                            position: relative;
                            color: #F5F5F5;
                            font-size: 3.6vw;
                            image {
                                width: 100%;
								height:calc(~'47vw - 1px');
								display:block;
                            }
                            .title {
                                position: absolute;
                                left: 3vw;
                                top: 4vw;
								font-size:4.2vw;
                            }
                            .residue {
                                position: absolute;
                                left: 3vw;
                                top: 9vw; 
                            }
                            .icon {
                                position: absolute;
                                left: 3vw;
                                top: 15vw; 
                            }
                        }
                        .upper_right {
                            float: left;
                            width: calc(~'47vw - 1px');
                            position: relative;
                            color: #F5F5F5;
                            font-size: 3.6vw;
                            image {
                                width: 100%;
								display: block;
								height:calc(~'47vw - 1px');
                            }
                            .title {
                                position: absolute;
                                left: 3vw;
                                top: 4vw;   
                            }
                            .residue {
                                position: absolute;
                                left: 3vw;
                                top: 9vw; 
                            }
                            .icon {
                                position: absolute;
                                left: 3vw;
                                top: 15vw; 
                            }
                        }
                    }
                    .lower {
                        .lists {
                            float: left;
                            width:calc(~'47vw - 1px');
                            background-color: #fff;
                            overflow: hidden;
							box-sizing: border-box;
                            padding: 3vw 0 3vw 3vw;
                            margin-right: 1px;
                            .left {
								width:22.25vw;
                                // background-color: red;
                                float: left;
                                .title {
									font-weight:bold;
                                    font-size: 3.6vw;
									overflow: hidden;
									white-space: nowrap;
									text-overflow: ellipsis;
                                }
                                .residue {
                                    font-size: 3vw;
                                    margin-top: 1vw;
                                    margin-bottom:1px;
                                    color: #666666;
                                }
                                .icon {
                                    font-size: 3.6vw;
                                    color: #FFA229;
                                }
                            }
                            .right {
                                float: right;
                                image {
                                    display: block;
                                    width: 21vw;
                                    height: 21vw;
                                }
                            }
                        }
                        .lists:nth-child(2) {
                            margin-right: 0;
                            margin-bottom: 1px;
                        }
                        .lists:nth-child(4) {
                            margin-right: 0;
                        }
                    }
                }
            }
            .helpBuy {
                margin-top: 5vw;
                .downside {
                    margin-top:1vw;
                    overflow: hidden;
                    .goods {
                        margin-right: 2vw;
                        float: left;
                        overflow: hidden;
                        border-radius: 2vw;
                        background-color: #fff;
                        width: 46vw;
                        image {
                            width: 100%;
							height:46vw;
                            display: block;
                        }
                        .details {
                            padding: 2vw 3vw 3vw 3vw;
                            height: 20vw;
                            .name {
                               font-size: 3.6vw;
							   white-space: nowrap;
							   text-overflow: ellipsis;
							   overflow: hidden;
                            } 
                            .help {
                               font-size: 3vw;
                               color: #999999;
                               margin: 1vw 0;
                            }
                            .range {
                                width: 98%;
                                height: 2vw;
                                background-color: #F5F5F5;
                                margin: 6vw auto 3vw 0;
                                border-radius: 2vw;
                                .range_in {
                                    width: 50%;
                                    height: 2vw;
                                    border-radius: 2vw;
                                    background-color: #FFA229;
                                }
                            }
                            .helpBtn {
                                margin-top: 2vw;
                                background:linear-gradient(to right,#FFB937,#FD8E4A);
                                font-size: 3vw;
                                text-align: center;
                                line-height: 6vw;
                                width: 18vw;
                                color: #fff;
                                // padding: 1vw 4vw;
                                border-radius: 6vw;
                            }
                        }
                    }
                    .goods:nth-child(2n) {
                        margin-right: 0;
                        margin-bottom: 2vw;
                    }
                }
            }
            .everyLook {
                margin-top: 2vw;
                .downside {
                    margin-top: 1vw;
                    overflow: hidden;
                    .goods {
                        margin-right: 2vw;
                        float: left;
                        overflow: hidden;
                        border-radius: 2vw;
                        background-color: #fff;
                        width: 46vw;
                        image {
                            width: 100%;
							height:46vw;
                            display: block;
                        }
                        .details {
                            padding: 2vw 3vw 0 3vw;
                            height: 20vw;
                            .name {
                               font-size: 3.6vw;
							   white-space: nowrap;
							   text-overflow: ellipsis;
							   overflow: hidden;
                            } 
                            .help {
                               font-size: 3vw;
                               color: #999999;
                               margin: 1vw 0;
                            }
                            .icon {
                               font-size: 4.2vw; 
                               color: #FFA229;
                               margin-top: 2vw;
                            }
                        }
                    }
                    .goods:nth-child(2n) {
                        margin-right: 0;
                        margin-bottom: 2vw;
                    }
                }
            }
        }
    }
}
.shadowBox1 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 998;
    .ruleInfo {
        display: none;
        position: absolute;
        z-index: 999;
        background-color: #fff;
        color: #666666;
        border-radius: 3vw;
        overflow: hidden;
        left: 0;
        right: 0;
        top: 45vw;
        margin: auto;
        width: 70vw;
        padding: 8vw 5vw;
        view:nth-child(1) {
            font-size: 4.2vw;
            font-weight: 700;
        }
        view:nth-child(2) {
            font-size: 3.6vw;
            margin-top: 6vw;
        }
        view:nth-child(3) {
            font-size: 3.6vw;
            margin-top: 6vw;
        }
        view:nth-child(4) {
            font-size: 3.6vw;
            margin-top: 6vw;
        }
    }
}
.yearGift {
	padding-bottom:2vw;
    .yearGift_in {
        .nav {
            overflow: hidden;
            display:block !important;
//          flex-wrap:wrap;
            width:100%;
            .single {
                float: left;
                width:20%;
                text-align: center;
                margin-bottom:1.5vw;
                image {
                    width: 12vw;
                    height:12vw;
                    display: block;
                    margin: 1.5vw auto;
                }
				view{
					color:#333;
					font-size: 3.6vw;
				}
            }
//          .single:first-of-type image{
//              animation: zhuan_1 5s linear 0s infinite;
//          }
//          .single:nth-child(2) image{
//              animation: zhuan_1 5s linear 0.2s infinite;
//          }
//          .single:nth-child(3) image{
//              animation: zhuan_1 5s linear 0.4s infinite;
//          }
//          .single:nth-child(4) image{
//              animation: zhuan_1 5s linear 0.6s infinite;
//          }
//          .single:nth-child(5) image{
//              animation: zhuan_1 5s linear 0.8s infinite;
//          }
        }
    }
	.welfare {
	    margin-top: 2vw;
	    position: relative;
	    .go_list{
	        position:absolute;
	        top:8;
	        top:0;
	        left:0;
	        width:100%;
	        height:28vw;
	        opacity:0;
	    }
	    .bg {
	        width: 100%;
	        display: block;
	    }
	    .gift {
	        width: 10vw;
	        height:11vw;
	        position: absolute;
	        top: -1vw;
	        left: 0.5vw;
	        animation: up2 3s linear 1s infinite;
	    }
	    .redPack {
	        width: 10vw;
	        height:11vw;
	        position: absolute;
	        top: 0;
	        left: 23vw;
	        animation: up2 3s linear 2s infinite;
	    }
	    .gold {
	        width: 10vw;
	        height:12vw;
	        position: absolute;
	        top: 0;
	        right: 0;
	        animation: up2 3s linear 0s infinite;
	    }
	    .go {
	        width: 21vw;
	        height:21vw;
	        position: absolute;
	        top: 3.5vw;
	        right: 2vw;
	        animation: fang_da2 1s linear 0.3s infinite;
	        pointer-events: none;
	    }
	    .prizeList {
	        box-sizing: border-box;
	        width:100%;
	        height:47vw;
	        position: absolute;
	        bottom: 1vw;
	        overflow: auto;
	        padding:0;
	        .prize {
	            float: left;
	            background-color: #fff;
	            width: 43vw;
	            display: flex;
	            border-radius: 2vw;
	            margin-right: 2vw;
	            margin-bottom: 2vw;
				overflow: hidden;
	            .left {
	                width:23vw;
	                margin-top: 2vw;
	                margin-left: 2vw;
	                flex: 1;
	                .title {
	                    font-size: 3.6vw;
						white-space: nowrap;
						text-overflow: ellipsis;
						overflow:hidden;
	                }
	                .collect {
	                    line-height:4.5vw;
	                    font-size:2.6vw;
	                    color:#FB5053;
	                }
	                .collect.type_1{
	                    font-size: 3vw;
	                    color:#666;
	                }
	                .tiao{
	                    margin-top:1.5vw;
	                    width:80%;
	                    background:#ccc;
	                    height:2vw;
	                    border-radius:1vw;
	                    overflow: hidden;
	                    .span{
	                        background:#FFB937;
	                        height:2vw;
                            border-radius:1vw;
	                    }
	                }
	                .wrds_up{
	                    line-height: 6vw;
                        font-size: 3vw;
	                    color:#666;
	                }
	            }
	            image {
	                float:right;
	                width: 18vw;
					height:18vw;
	            }
	            &:nth-of-type(2n){
	                margin-right: 0;
	            }
	            &:nth-of-type(1){
	                .title {
	                    background: linear-gradient(to right, #D5006B, #FA5E3A);
	                    -webkit-background-clip: text;
		                -webkit-text-fill-color: transparent;
	                }
	            }
	            &:nth-of-type(2){
	                .title {
	                    background: linear-gradient(to right, #A9023A, #A641CA);
	                    -webkit-background-clip: text;
		                -webkit-text-fill-color: transparent;
	                }
	            }
	            &:nth-of-type(3){
	                .title {
	                    background: linear-gradient(to right, #FE3DBE, #D200B2);
	                    -webkit-background-clip: text;
		                -webkit-text-fill-color: transparent;
	                }
	            }
	            &:nth-of-type(4){
	                .title {
	                    background: linear-gradient(to right, #3775D1, #00CEC1);
	                    -webkit-background-clip: text;
		                -webkit-text-fill-color: transparent;
	                }
	            }
	            &.on{
	                animation: duo_duo2 2s linear 0.3s infinite;
	                .left .wrds_up{
                        color:#FFB937;
                    }
	            } 
	        }
	        swiper-item{
	            padding:3vw 3vw 0 3vw;
	            box-sizing: border-box;
	            overflow: auto;
	        }
	        .wx-swiper-dot{
                width:1vw;
                height:1vw;
                border-radius:0.5vw;
                overflow: hidden;
                transition: all 0.3s;
                transform:translate(0,1vw); 
            }
            .wx-swiper-dot{
                display: inline-flex;
                margin-left: 0;
                justify-content:space-between;
            }
            .wx-swiper-dot::before{
                content: '';
                flex-grow: 1; 
                background: rgba(255,255,255,0.2);
            }
            .wx-swiper-dot-active{
                width:3vw;
            }
            .wx-swiper-dot-active::before{
                background:rgba(245,255,255,1);   
            }
	    }
	}
}